<%- include ('../public/page_header.ejs')%>

<!-- start banner_x -->
		<div class="banner_x center">
			<a href="./index.html" target="_blank"><div class="logo fl"></div></a>
			<a href=""><div class="ad_top fl"></div></a>
			<div class="nav fl">
				<ul class="clearfix" id="nav_list">
          <%for(var i=0;i<middleNav.length;i++){ %>
						<li>
							<a href="#" target="_blank"><%=middleNav[i].title%></a>
							
							<%if(middleNav[i].subGoods && middleNav[i].subGoods.length>0) {%>
								<ol class="children-list clearfix">
                  <%for(var j=0;j<middleNav[i].subGoods.length;j++){ %>
                    <li>
                        <a href="#">
                          <img src="<%=middleNav[i].subGoods[j].goods_img%>" />
                          <p><%=middleNav[i].subGoods[j].shop_price%></p>
                        </a>
                    </li>										
                  <%}%>	
								</ol>
							<%}%>
						</li>
					<%}%>
				</ul>
			</div>
			<div class="search fr">
				<form action="" method="post">
					<div class="text fl">
						<input type="text" class="shuru"  placeholder="小米6&nbsp;小米MIX现货">
					</div>
					<div class="submit fl">
						<input type="submit" class="sousuo" value="搜索"/>
					</div>
					<div class="clear"></div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
<!-- end banner_x -->

	<!-- start banner_y -->
		<div class="banner_y center">

        <!--左侧导航开始 -->
        <div class="nav">				
          <ul>
            <%for(var i=0;i<goodsCate.length;i++){ %>
              <li>
                <a href="#"><%=goodsCate[i].title%></a>						
                <div class="pop">
                  <ol class="cate_list clear">
                    <%for(var j=0;j<goodsCate[i].items.length;j++){ %>
                      <li>
                        <div class="xuangou_left">
                          <a href="#">
                              <div class="img fl"><img src="<%=goodsCate[i].items[j].cate_img%>" alt="<%=goodsCate[i].items[j].title%>"></div>
                              <span class="fl"><%=goodsCate[i].items[j].title%></span>															
                          </a>
                        </div>
                        
                      </li>										
                    <%}%>						
                  </ol>
                </div>
              </li>
            <%}%>	
          </ul>
        </div>

        <!-- 右侧轮播 -->
			  <div class="swiper-container">
          <div class="swiper-wrapper">
            <% for (var i=0;i<focus.length;i++) { %>
            <div class="swiper-slide">
              <img src="<%= focus[i].focus_img %>" alt="<%= focus[i].title %>" />
            </div>
            <% } %>
        
          </div>
          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
			  </div>
		
		</div>	

		<div class="sub_banner center">
			<div class="sidebar fl">
				<div class="fl"><a href=""><img src="/static/default/image/hjh_01.gif"></a></div>
				<div class="fl"><a href=""><img src="/static/default/image/hjh_02.gif"></a></div>
				<div class="fl"><a href=""><img src="/static/default/image/hjh_03.gif"></a></div>
				<div class="fl"><a href=""><img src="/static/default/image/hjh_04.gif"></a></div>
				<div class="fl"><a href=""><img src="/static/default/image/hjh_05.gif"></a></div>
				<div class="fl"><a href=""><img src="/static/default/image/hjh_06.gif"></a></div>
				<div class="clear"></div>
			</div>
			<div class="datu fl"><a href=""><img src="/static/default/image/hongmi4x.png" alt=""></a></div>
			<div class="datu fl"><a href=""><img src="/static/default/image/xiaomi5.jpg" alt=""></a></div>
			<div class="datu fr"><a href=""><img src="/static/default/image/pinghengche.jpg" alt=""></a></div>
			<div class="clear"></div>


		</div>
	<!-- end banner -->

	<!-- start danpin -->
		<div class="danpin center">
			
			<div class="title center">小米明星单品</div>
			<div class="main center">
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="/static/default/image/pinpai1.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米MIX</a></div>
					<div class="youhui">5月9日-21日享花呗12期分期免息</div>
					<div class="jiage">3499元起</div>
				</div>
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="/static/default/image/pinpai2.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米5s</a></div>
					<div class="youhui">5月9日-10日，下单立减200元</div>
					<div class="jiage">1999元</div>
				</div>
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="/static/default/image/pinpai3.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米手机5 64GB</a></div>
					<div class="youhui">5月9日-10日，下单立减100元</div>
					<div class="jiage">1799元</div>
				</div>
				<div class="mingxing fl"> 	
					<div class="sub_mingxing"><a href=""><img src="/static/default/image/pinpai4.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米电视3s 55英寸</a></div>
					<div class="youhui">5月9日，下单立减200元</div>
					<div class="jiage">3999元</div>
				</div>
				<div class="mingxing fl">
					<div class="sub_mingxing"><a href=""><img src="/static/default/image/pinpai5.png" alt=""></a></div>
					<div class="pinpai"><a href="">小米笔记本</a></div>
					<div class="youhui">更轻更薄，像杂志一样随身携带</div>
					<div class="jiage">3599元起</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>



		<!-- 手机 -->

		<div class="category_item w">
			<div class="title center">手机</div>
			<div class="main center">


				<div class="category_item_left">

					<img src="/static/default/image/shouji.jpg" alt="手机">
				</div>


				<div class="category_item_right">
					<% for(var i=0;i<phone.length;i++) { %>

								<div class="hot fl">
										<div class="xinpin"><span>新品</span></div>
										<div class="tu"><a href=""><img src="<%= helper.formatImg(phone[i].goods_img,200) %>"></a></div>
										<div class="miaoshu"><a href=""><%= phone[i].title %></a></div>
										<div class="jiage"><%= phone[i].shop_price %>元</div>
									
										<div class="piao">
											<a href="">
												<span>发货速度很快！很配小米6！</span>
												<span>来至于mi狼牙的评价</span>
											</a>
										</div>
								</div>

          <% } %>
							
				</div>
			
			
			</div>
		</div>



		<!-- 配件 -->
		<div class="category_item w">
			<div class="title center">配件</div>
			<div class="main center">
				<div class="content">
					<div class="hot fl"><a href=""><img src="/static/default/image/peijian1.jpg"></a>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span>新品</span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian2.jpg"></a></div>
						<div class="miaoshu"><a href="">小米6 硅胶保护套</a></div>
						<div class="jiage">49元</div>
						<div class="pingjia">372人评价</div>
						<div class="piao">
							<a href="">
								<span>发货速度很快！很配小米6！</span>
								<span>来至于mi狼牙的评价</span>
							</a>
						</div>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian3.jpg"></a></div>
						<div class="miaoshu"><a href="">小米手机4c 小米4c 智能</a></div>
						<div class="jiage">29元</div>
						<div class="pingjia">372人评价</div>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span style="background:red">享6折</span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian4.jpg"></a></div>
						<div class="miaoshu"><a href="">红米NOTE 4X 红米note4X</a></div>
						<div class="jiage">19元</div>
						<div class="pingjia">372人评价</div>
						<div class="piao">
							<a href="">
								<span>发货速度很快！很配小米6！</span>
								<span>来至于mi狼牙的评价</span>
							</a>
						</div>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian5.jpg"></a></div>
						<div class="miaoshu"><a href="">小米支架式自拍杆</a></div>
						<div class="jiage">89元</div>
						<div class="pingjia">372人评价</div>
						<div class="piao">
							<a href="">
								<span>发货速度很快！很配小米6！</span>
								<span>来至于mi狼牙的评价</span>
							</a>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="content">
					<div class="hot fl"><a href=""><img src="/static/default/image/peijian6.png"></a>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian7.jpg"></a></div>
						<div class="miaoshu"><a href="">小米指环支架</a></div>
						<div class="jiage">19元</div>
						<div class="pingjia">372人评价</div>
						<div class="piao">
							<a href="">
								<span>发货速度很快！很配小米6！</span>
								<span>来至于mi狼牙的评价</span>
							</a>
						</div>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian8.jpg"></a></div>
						<div class="miaoshu"><a href="">米家随身风扇</a></div>
						<div class="jiage">19.9元</div>
						<div class="pingjia">372人评价</div>
					</div>
					<div class="hot fl">
						<div class="xinpin"><span style="background:#fff"></span></div>
						<div class="tu"><a href=""><img src="/static/default/image/peijian9.jpg"></a></div>
						<div class="miaoshu"><a href="">红米4X 高透软胶保护套</a></div>
						<div class="jiage">59元</div>
						<div class="pingjia">775人评价</div>
					</div>
					<div class="hotlast fr">
						<div class="hongmi"><a href=""><img src="/static/default/image/hongmin4.png" alt=""></a></div>
						<div class="liulangengduo"><a href=""><img src="/static/default/image/liulangengduo.png" alt=""></a></div>					
					</div>
					<div class="clear"></div>
				</div>				
			</div>
		</div>

    <%- include ('../public/page_footer.ejs')%>

  </body>
</html>